<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>修改用户信息</title>
</head>

<body>
    <div class="app-modify-info dpflex fdcolumn">
        <!-- 标题 -->
        <p class="modify-info-title pd16">
            <i class="iconfont icon-prev"></i>
            个人资料
        </p>
        <!-- 内容 -->
        <div class="modify-info-box dpflex fdcolumn pr16 pl16">
            <!-- 更换头像 -->
            <div class="weui-cell weui-cell_active weui-cell_access" id="modify-info-userimg">
                <div class="weui-cell__bd">更换头像</div>
                <div class="weui-cell__ft" id="modify-info-userimg-text">
                    <p class="overimg">
                        <img src="../imgs/user-img.jpg" alt="">
                    </p>
                    <input type="file" id="userimg-file" class="dpnone">
                </div>
            </div>
            <!-- 昵称 -->
            <div class="weui-cell weui-cell_active weui-cell_access" id="modify-info-username">
                <div class="weui-cell__bd weui-flex">昵称</div>
                <div class="weui-cell__hd" >
                    <input class="weui-input" type="text" value="用户名" id="modify-info-username-text"/>
                </div>
            </div>
            <!-- 性别 -->
            <div class="weui-cell weui-cell_active weui-cell_access" id="modify-info-sex">
                <div class="weui-cell__bd">性别</div>
                <div class="weui-cell__ft" id="modify-info-sex-text">未选择</div>
            </div>
            <!-- 生日 -->
            <div class="weui-cell weui-cell_active weui-cell_access" id="modify-info-timer">
                <div class="weui-cell__bd">日期</div>
                <div class="weui-cell__ft" id="modify-info-timer-text">未选择</div>
            </div>
            <!-- 省份 -->
            <div class="weui-cell weui-cell_active weui-cell_access" id="modify-info-province">
                <div class="weui-cell__bd">省份</div>
                <div class="weui-cell__ft" id="modify-info-province-text">未选择</div>
            </div>
            <!-- 城市 -->
            <div class="weui-cell weui-cell_active weui-cell_access" id="modify-info-city">
                <div class="weui-cell__bd">城市</div>
                <div class="weui-cell__ft" id="modify-info-city-text">未选择</div>
            </div>
            <!-- 个人简介 -->
            <div class="weui-cell weui-cell_active weui-cell_access" id="modify-info-city">
                <div class="weui-cell__bd">个人简介</div>
            </div>
            <div class="weui-cell__bd" id="individualResumeText">
                <textarea class="weui-textarea" placeholder="请描述你所发生的问题" rows="3"></textarea>
                <div class="weui-textarea-counter"><span id="weui-textarea-length">0</span>/200</div>
            </div>
            <button class="userupdata mt20">保存信息</button>
        </div>
    </div>
</body>

</html>